<!--
此文件为开发者工具生成，生成时间: 2025/3/8下午9:11:27
使用方法：
在 C:\Users\Administrator\Desktop\APP\heima-shop\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\Administrator\Desktop\APP\heima-shop\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="homeLayout homeLayout data-v-83a5a03c data-v-83a5a03c" style="padding-top: 54px">
      <view is="components/nav" class="data-v-83a5a03c data-v-83a5a03c">
        <view class="layout nav--layout data-v-b2f07944 nav--data-v-b2f07944">
          <view class="navbar nav--navbar data-v-b2f07944 nav--data-v-b2f07944">
            <view
              class="title nav--title data-v-b2f07944 nav--data-v-b2f07944 sk-transparent sk-text-14-2857-120 sk-text"
              >首页</view
            >
            <view
              class="schedule nav--schedule data-v-b2f07944 nav--data-v-b2f07944 sk-transparent sk-text-14-2857-516 sk-text"
              >我的日程</view
            >
            <view class="search nav--search data-v-b2f07944 nav--data-v-b2f07944">
              <view
                is="uni_modules/uni-icons/components/uni-icons/uni-icons"
                class="data-v-b2f07944 nav--data-v-b2f07944"
              >
                <text
                  class="uni-icons icons--uni-icons uniui-search icons--uniui-search sk-pseudo sk-pseudo-circle"
                  style="color: #888; font-size: 18px"
                ></text>
              </view>
              <text
                class="text nav--text data-v-b2f07944 nav--data-v-b2f07944 sk-transparent sk-text-14-2857-897 sk-text"
                >搜索</text
              >
            </view>
          </view>
        </view>
      </view>
      <scroll-view :scroll-y="true" class="data-v-83a5a03c data-v-83a5a03c">
        <view class="banner banner data-v-83a5a03c data-v-83a5a03c">
          <swiper
            :autoplay="false"
            :circular="true"
            :indicator-dots="true"
            class="data-v-83a5a03c data-v-83a5a03c"
            indicator-active-color="#fff"
            indicator-color="rgba(255, 255, 255, 0.3)"
            :current="0"
          >
            <swiper-item
              class="data-v-83a5a03c data-v-83a5a03c"
              style="
                position: absolute;
                width: 100%;
                height: 100%;
                transform: translate(0%, 0px) translateZ(0px);
              "
            >
              <image class="data-v-83a5a03c sk-image" mode="scaleToFill"></image>
            </swiper-item>
          </swiper>
        </view>
        <view class="notice notice data-v-83a5a03c data-v-83a5a03c">
          <view class="left left data-v-83a5a03c data-v-83a5a03c">
            <view
              is="uni_modules/uni-icons/components/uni-icons/uni-icons"
              class="data-v-83a5a03c data-v-83a5a03c"
            >
              <text
                class="uni-icons icons--uni-icons uniui-sound-filled icons--uniui-sound-filled sk-pseudo sk-pseudo-circle"
                style="color: orange; font-size: 24px"
              ></text>
            </view>
            <text class="data-v-83a5a03c sk-transparent sk-text-32-2222-267 sk-text">公告</text>
          </view>
          <view class="middle middle data-v-83a5a03c data-v-83a5a03c">
            <swiper
              :autoplay="false"
              :circular="true"
              :vertical="true"
              class="data-v-83a5a03c data-v-83a5a03c"
              :current="0"
            >
              <swiper-item
                class="data-v-83a5a03c sk-transparent sk-text-31-1111-347 sk-text"
                style="
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  transform: translate(0px, 0%) translateZ(0px);
                "
                >日程记录就选日程小站</swiper-item
              >
            </swiper>
          </view>
          <view class="right right data-v-83a5a03c data-v-83a5a03c">
            <view
              is="uni_modules/uni-icons/components/uni-icons/uni-icons"
              class="data-v-83a5a03c data-v-83a5a03c"
            >
              <text
                class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
                style="color: orange; font-size: 24px"
              ></text>
            </view>
          </view>
        </view>
        <view class="recommend recommend data-v-83a5a03c data-v-83a5a03c">
          <view is="pages/index/components/custom" class="data-v-83a5a03c data-v-83a5a03c">
            <view class="common-title custom--common-title data-v-89d1014f custom--data-v-89d1014f">
              <view class="left custom--left data-v-89d1014f custom--data-v-89d1014f">
                <view class="sk-transparent sk-text-14-2857-20 sk-text">推荐壁纸</view>
              </view>
              <view class="right custom--right data-v-89d1014f custom--data-v-89d1014f">
                <view class="box box data-v-83a5a03c data-v-83a5a03c">
                  <view
                    is="uni_modules/uni-icons/components/uni-icons/uni-icons"
                    class="data-v-83a5a03c data-v-83a5a03c"
                  >
                    <text
                      class="uni-icons icons--uni-icons uniui-calendar icons--uniui-calendar sk-pseudo sk-pseudo-circle"
                      style="color: orange; font-size: 22px"
                    ></text>
                  </view>
                  <view
                    is="uni_modules/uni-dateformat/components/uni-dateformat/uni-dateformat"
                    class="data-v-83a5a03c data-v-83a5a03c"
                  >
                    <text class="sk-transparent sk-text-14-2857-960 sk-text">08日</text>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="content content data-v-83a5a03c data-v-83a5a03c">
            <scroll-view :scroll-x="true" class="data-v-83a5a03c data-v-83a5a03c">
              <view class="pic pic data-v-83a5a03c data-v-83a5a03c">
                <image class="data-v-83a5a03c sk-image" mode="scaleToFill"></image>
              </view>
              <view class="pic pic data-v-83a5a03c data-v-83a5a03c">
                <image class="data-v-83a5a03c sk-image" mode="scaleToFill"></image>
              </view>
              <view class="pic pic data-v-83a5a03c data-v-83a5a03c">
                <image class="data-v-83a5a03c sk-image" mode="scaleToFill"></image>
              </view>
              <view class="pic pic data-v-83a5a03c data-v-83a5a03c">
                <image class="data-v-83a5a03c sk-image" mode="scaleToFill"></image>
              </view>
            </scroll-view>
          </view>
        </view>
        <view class="theme theme data-v-83a5a03c data-v-83a5a03c">
          <view is="pages/index/components/custom" class="data-v-83a5a03c data-v-83a5a03c">
            <view class="common-title custom--common-title data-v-89d1014f custom--data-v-89d1014f">
              <view class="left custom--left data-v-89d1014f custom--data-v-89d1014f">
                <view class="sk-transparent sk-text-14-2857-492 sk-text">专题分类</view>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<style scoped lang="scss">
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-120 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-516 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-897 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}
.sk-text-32-2222-267 {
  background-image: linear-gradient(
    transparent 32.2222%,
    #eeeeee 0%,
    #eeeeee 67.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 78.4884rpx;
  position: relative !important;
}
.sk-text-31-1111-347 {
  background-image: linear-gradient(
    transparent 31.1111%,
    #eeeeee 0%,
    #eeeeee 68.8889%,
    transparent 0%
  ) !important;
  background-size: 100% 78.4884rpx;
  position: absolute !important;
}
.sk-text-14-2857-20 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 53.7209rpx;
  position: relative !important;
}
.sk-text-14-2857-960 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}
.sk-text-14-2857-492 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 53.7209rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
